<template>
	<view >
		<view class="articleDetil">
			{{ouoinf.title2}}
		</view>
		<view class="articleDetil_time">
			{{ouoinf.date}}
		</view>
		 <u-parse :content="article" @preview="preview" @navigate="navigate" ></u-parse>
		<view style="width: 100%;height: 300rpx;"></view>
	</view>
</template>

<script>
	import uParse from '@/components/u-parse/u-parse.vue'
	export default {
	  components: {
	    uParse
	  },
		data() {
			return {
				ouoinf:{},
				article:''
			}
		},
		onLoad(option) {
			this.getgoo()
		},
		methods: {
			preview(src, e) {
			      // do something
			    },
			    navigate(href, e) {
			      // do something
			    },
			//购买须知
			async getgoo() {
				var that = this
				let datasd = await that.$api.getsystem();
				this.ouoinf = datasd.data 
				this.article =  datasd.data.image2
			},
		}
	}
</script>

<style lang="scss">
	.articleDetil{
		color: #000;
		font-size: 40rpx;
		font-weight: bold;
		margin-top: 24rpx;
		margin-bottom: 16rpx;
		margin-left: 32rpx;
		margin-right: 32rpx;
	}	
	.articleDetil_time{
		color: #909399;
		margin-left: 32rpx;
		font-size: 28rpx;
		font-weight: 400;
	}
	.essay_cent {
		width: 686rpx;
		font-size: 30rpx;
		font-weight: 400;
		letter-spacing: 10rpx;
		line-height: 50rpx;
		color: #303133;
		margin-left: 32rpx;
		margin-top: 24rpx;
	
	}
</style>
